.page-401 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;

  .container {
    width: 840px;
    height: 505px;
    margin: 60px auto 0;

    .explain {
      h1 {
        margin-top: 20px;
        font-size: 60px;
        font-weight: 700;
      }

      h2 {
        font-size: 24px;
        font-weight: 700;
      }

      h3 {
        font-size: 16px;
      }

      ul {
        li:nth-child(n+2) {
          color: var(--ant-primary-color);
          cursor: pointer;
        }
      }
    }
  }
}

.page-404 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 80px !important;
  background-color: #fff;

  .tips {
    width: 350px;

    h1 {
      font-size: 36px;
      font-weight: 700;
      color: #1482f0;
    }

    div {
      font-size: 14px;
      color: #888;

      a {
        color: #1482f0;
      }
    }

    h3 {
      margin-top: 20px;
      font-size: 24px;
      font-weight: 700;
      color: #000;
    }

    p {
      margin-bottom: 20px;
      font-size: 14px;
      color: #888;
    }
  }
}